﻿{layout:default} {class:Shop.Admin.storeConfig.appconfig}
<lbhead>
    <title><%=Tag("APP设置") %>-<%=site.title%></title>
</lbhead>
<lbfile>
    <script type="text/javascript" src="<%=site.AdminJsPath %>/ajaxfileupload.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=site.AdminJsPath %>/bigcolorpicker/jquery.bigcolorpicker.css" />
    <script type="text/javascript" src="<%=site.AdminJsPath %>/bigcolorpicker/jquery.bigcolorpicker.min.js"></script>
    <style>
        .table tr td table th {text-align:left;padding-left:5px}
        .bottom{height: 0;overflow: hidden;display: none;}
    </style>
</lbfile>
<lbpath>
    <div class="tools">
        <ul>
            <%if (PageReturnMsg == ""){%>
            <li class="submit"><a href="javascript:void(0);" onclick="SaveObj();"><b></b><span><%=Tag("保存")%></span></a></li>
            <%}%>
            <li class="name"><span id="navIgation">
                <%=Tag("当前位置")%>：<a href="<%=site.AdminPath %>/Ajax/ajax_admin.aspx?__Action=MenuJump&pid=0"><%=Tag("管理首页")%></a>
                >
                <%=Tag("APP设置") %></span></li>
        </ul>
    </div>
</lbpath>
<lbbody>
    <%=Shop.Bussiness.Language.AdminLanguageTab("") %>
    <table class="table">
        <tbody>
            <%
            int mi=0;
            foreach (Shop.Model.Lebi_Language_Code lang in Shop.Bussiness.Language.Languages())
            {%>
            <script type="text/javascript">
                $(function () {
                    $("#s_app_topbackground<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_topbackground<%=lang.Code %>").val(color); });
                    $("#s_app_topline<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_topline<%=lang.Code %>").val(color); });
                    $("#s_app_topcolor<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_topcolor<%=lang.Code %>").val(color); });
                    $("#s_app_bottombackground<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_bottombackground<%=lang.Code %>").val(color); });
                    $("#s_app_bottomline<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_bottomline<%=lang.Code %>").val(color); });
                    $("#s_app_bottomcolor<%=lang.Code %>").bigColorpicker(function (el, color) { $(el).css("background-color", color); $("#app_bottomcolor<%=lang.Code %>").val(color); });
                });
            </script>
            <tbody id="lang_<%=lang.Code %>" class="lang_table" width="100%" style="display: none">
            <tr>
                 <th style="vertical-align:top"><%=Tag("名称")%>：</th>
                 <td><input type="text" class="input"  shop="true"  name="app_name<%=lang.Code %>" style="width: 200px;" value="<%=Lang(app_name,lang.Code) %>" /></td>
            </tr>
            <tr>
                 <th ><%=Tag("顶部Logo")%>：</th>
                 <td>
                    <img src="<%=Lang(app_toplogo,lang.Code) %>" id="imgapp_toplogo<%=lang.Code %>" style="max-width:30px;max-height:30px;" />
                    <input type="text" class="input" shop="true" name="app_toplogo<%=lang.Code %>" id="app_toplogo<%=lang.Code %>" style="width: 100px;" value="<%=Lang(app_toplogo,lang.Code) %>" />
                    <input id="file_app_toplogo<%=lang.Code %>" name="file_app_toplogo<%=lang.Code %>" type="file" class="input" onchange="uploadImage('app_toplogo<%=lang.Code %>')" style="width:150px;"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <%=Tag("链接")%>：<input type="text" class="input"  shop="true"  name="app_toplogourl<%=lang.Code %>" style="width: 200px;" value="<%=Lang(app_toplogourl,lang.Code) %>" />
                 </td>
            </tr>
            <tr>
                 <th ><%=Tag("左上角图标")%>：</th>
                 <td>
                    <img src="<%=Lang(app_lefticon,lang.Code) %>" id="imgapp_lefticon<%=lang.Code %>" style="max-width:30px;max-height:30px;" />
                    <input type="text" class="input" shop="true" name="app_lefticon<%=lang.Code %>" id="app_lefticon<%=lang.Code %>" style="width: 100px;" value="<%=Lang(app_lefticon,lang.Code) %>" />
                    <input id="file_app_lefticon<%=lang.Code %>" name="file_app_lefticon<%=lang.Code %>" type="file" class="input" onchange="uploadImage('app_lefticon<%=lang.Code %>')" style="width:150px;"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <%=Tag("链接")%>：<input type="text" class="input"  shop="true"  name="app_lefturl<%=lang.Code %>" style="width: 200px;" value="<%=Lang(app_lefturl,lang.Code) %>" />
                 </td>
            </tr>
            <tr>
                 <th ><%=Tag("右上角图标")%>：</th>
                 <td>
                    <img src="<%=Lang(app_righticon,lang.Code) %>" id="imgapp_righticon<%=lang.Code %>" style="max-width:30px;max-height:30px;" />
                    <input type="text" class="input" shop="true" name="app_righticon<%=lang.Code %>" id="app_righticon<%=lang.Code %>" style="width: 100px;" value="<%=Lang(app_righticon,lang.Code) %>" />
                    <input id="file_app_righticon<%=lang.Code %>" name="file_app_righticon<%=lang.Code %>" type="file" class="input" onchange="uploadImage('app_righticon<%=lang.Code %>')" style="width:150px;"/>
                 </td>
            </tr>
            <tr>
                 <th style="vertical-align:top"><%=Tag("顶部区域")%>：</th>
                 <td><%=Tag("背景颜色")%>：<input type="text" class="input"  shop="true" id="app_topbackground<%=lang.Code %>" name="app_topbackground<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_topbackground,lang.Code) %>" /><img id="s_app_topbackground<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_topbackground,lang.Code) %>">
                     &nbsp;&nbsp;&nbsp;&nbsp;<%=Tag("边框颜色")%>：<input type="text" class="input" shop="true" id="app_topline<%=lang.Code %>" name="app_topline<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_topline,lang.Code) %>" /><img id="s_app_topline<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_topline,lang.Code) %>">
                     &nbsp;&nbsp;&nbsp;&nbsp;<%=Tag("文字颜色")%>：<input type="text" class="input" shop="true" id="app_topcolor<%=lang.Code %>" name="app_topcolor<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_topcolor,lang.Code) %>" /><img id="s_app_topcolor<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_topcolor,lang.Code) %>">
                 </td>
            </tr>
            <tr>
                 <th style="vertical-align:top"><%=Tag("底部区域")%>：</th>
                 <td><%=Tag("背景颜色")%>：<input type="text" class="input" shop="true" id="app_bottombackground<%=lang.Code %>" name="app_bottombackground<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_bottombackground,lang.Code) %>" /><img id="s_app_bottombackground<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_bottombackground,lang.Code) %>">
                     &nbsp;&nbsp;&nbsp;&nbsp;<%=Tag("边框颜色")%>：<input type="text" class="input" shop="true" id="app_bottomline<%=lang.Code %>" name="app_bottomline<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_bottomline,lang.Code) %>" /><img id="s_app_bottomline<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_bottomline,lang.Code) %>">
                     &nbsp;&nbsp;&nbsp;&nbsp;<%=Tag("文字颜色")%>：<input type="text" class="input" shop="true" id="app_bottomcolor<%=lang.Code %>" name="app_bottomcolor<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_bottomcolor,lang.Code) %>" /><img id="s_app_bottomcolor<%=lang.Code %>" border="0" src="<%=AdminImage("rect.gif")%>" width="18" align="absmiddle" style="cursor: pointer; background-color: <%=Lang(app_bottomcolor,lang.Code) %>">
                 </td>
            </tr>
            <tr>
                 <th ><%=Tag("启动图片")%>：</th>
                 <td>
                    <img src="<%=Lang(app_startimage,lang.Code) %>" id="imgapp_startimage<%=lang.Code %>" style="max-width:30px;max-height:30px;" />
                    <input type="text" class="input" shop="true" name="app_startimage<%=lang.Code %>" id="app_startimage<%=lang.Code %>"" style="width: 100px;" value="<%=Lang(app_startimage,lang.Code) %>" />
                    <input id="file_app_startimage<%=lang.Code %>" name="file_app_startimage<%=lang.Code %>" type="file" class="input" onchange="uploadImage('app_startimage<%=lang.Code %>')" style="width:150px;"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <%=Tag("链接")%>：<input type="text" class="input"  shop="true"  name="app_starturl<%=lang.Code %>" style="width: 200px;" value="<%=Lang(app_starturl,lang.Code) %>" />
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <%=Tag("停留时间")%>：<input type="text" class="input"  shop="true"  name="app_waittimes<%=lang.Code %>" style="width: 60px;" value="<%=Lang(app_waittimes,lang.Code) %>" />
                 </td>
            </tr>
            <tr>
                <th style="vertical-align:top">
                    <%=Tag("APP菜单")%>：
                </th>
                <td>
                    <table cellpadding="0" cellspacing="0" style="width:800px" align="left" id="menustable<%=lang.Code %>">
                        <tr>
                            <th style="width:60px;">
                                <%=Tag("排序")%>
                            </th>
                            <th style="width:100px;">
                                <%=Tag("文字")%>
                            </th>
                            <th style="width:340px;">
                                <%=Tag("图标")%>
                            </th>
                            <th style="width:200px;">
                                <%=Tag("链接")%>
                            </th>
                            <th style="width:100px;">
                                <%=Tag("操作")%> [<a href="javascript:addrow('<%=lang.Code %>');"><%=Tag("增加")%></a>]
                            </th>
                        </tr>
                        <%
                        foreach(Shop.Model.BaseConfigAppMenu menu in Getmenus(Lang(val,lang.Code))){ 
                        mi++;
                        %>
                        <tr id="tr<%=mi %>">
                            <td>
                                <input type="text" class="input"  shop="true"  name="menu_sort<%=lang.Code %>" style="width: 40px;" value="<%=menu.Sort %>" onkeyup="value=value.replace(/[^\d]/g,'')" />
                            </td>
                            <td>
                                <input type="text" class="input"  shop="true"  name="menu_name<%=lang.Code %>" style="width: 100px;" value="<%=menu.Name %>" />
                            </td>
                            <td>
                                <img src="<%=menu.Icon %>" id="img<%=mi %>" style="max-width:30px;max-height:30px;" />
                                <input type="text" class="input" shop="true" name="menu_icon<%=lang.Code %>" id="menu_icon<%=mi %>" style="width: 100px;" value="<%=menu.Icon %>" />
                                <input id="file_<%=mi %>" name="file_<%=mi %>" type="file" class="input" onchange="uploadImage('<%=mi %>')" style="width:150px;"/>
                            </td>
                            <td>
                                <input type="text" class="input"  shop="true"  name="menu_url<%=lang.Code %>" style="width: 200px;" value="<%=menu.URL %>" />
                            </td>
                            <td>
                                <input type="hidden" class="input"  shop="true"  name="mi<%=lang.Code %>"  value="<%=mi %>" />
                                <a href="javascript:void(0);" onclick="$(this).parent().parent().remove();"><%=Tag("删除")%></a>
                            </td>
                        </tr>
                            <%
                            if(menu.Son!=null){
                            foreach(Shop.Model.BaseConfigAppMenuSon son in menu.Son){ 
                            //mi++;
                            %>
                            <tr >
                                <td>
                                    &nbsp;|-<input type="text" class="input"  shop="true"  name="<%=mi %>menu_sort<%=lang.Code %>" style="width: 40px;" value="<%=son.Sort %>" onkeyup="value=value.replace(/[^\d]/g,'')" />
                                </td>
                                <td>
                                    <input type="text" class="input"  shop="true"  name="<%=mi %>menu_name<%=lang.Code %>" style="width: 100px;" value="<%=son.Name %>" />
                                </td>
                                <td>
                                    
                                </td>
                                <td>
                                    <input type="text" class="input"  shop="true"  name="<%=mi %>menu_url<%=lang.Code %>" style="width: 200px;" value="<%=son.URL %>" />
                                </td>
                                <td>
                                    
                                    <a href="javascript:void(0);" onclick="$(this).parent().parent().remove();"><%=Tag("删除")%></a> | 
                                </td>
                            </tr>
                            <%}} %>
                        <%} %>
                    </table>
                </td>
            </tr>
            </tbody>
            <%} %>   
        </tbody>
    </table>
    <script type="text/javascript">
        var mi=<%=mi %>;
        LanguageTab_EditPage('<%=CurrentLanguage.Code %>'); //加载默认语言
        function uploadImage(id) {
            $.ajaxFileUpload
            (
	            {
	                url: WebPath + '/ajax/imageuploadone.aspx?path=config',
	                secureuri: false,
	                fileElementId: 'file_' + id,
	                dataType: 'json',
	                success: function (data, status) {

	                    if (data.msg != 'OK') {
	                        MsgBox(2, data.error, "");
	                    }
	                    else {
	                        var imageUrl = data.ImageUrl;
	                        if (imageUrl.length > 0) {
	                            $("#img" + id + "").attr('src',imageUrl);
	                            $("#menu_icon" + id + "").val(imageUrl);
                                $("#" + id + "").val(imageUrl);
                                $("#img" + id + "").show();
	                        }
	                    }

	                },
	                error: function (data, status, e) {
	                    MsgBox(2, data.msg, "");
	                }
	            }
            )
        }
        function SaveObj() {
            var postData = GetFormJsonData("shop");
            var url="<%=site.AdminPath %>/ajax/ajax_site.aspx?__Action=APPMenu_Edit";
            RequestAjax(url,postData,function(res){MsgBox(1, "<%=Tag("操作成功")%>", "")});
        }
        function addrow(code)
        {
            mi++;
            var row='<tr id="tr'+mi+'"><td><input type="text" class="input"  shop="true"  name="menu_sort'+code+'" style="width: 40px;" value="0" onkeyup="value=value.replace(/[^\\d]/g,\'\')" /></td>';
            row+='<td><input type="text" class="input"  shop="true"  name="menu_name'+code+'" style="width: 100px;" value="" /></td>';
            row+='<td><img src="" id="img'+mi+'" style="width:30px;height:30px;display:none;" />';
            row+='<input type="text" class="input" shop="true" name="menu_icon'+code+'" id="menu_icon'+mi+'" style="width: 100px;" value="" />';
            row+='<input id="file_'+mi+'" name="file_'+mi+'" type="file" class="input" onchange="uploadImage(\''+mi+'\')" style="width:150px;"/></td>';
            row+='<td><input type="text" class="input"  shop="true"  name="menu_url'+code+'" style="width: 200px;" value="" /></td>';
            row+='<td><a href="javascript:void(0);" onclick="$(this).parent().parent().remove();"><%=Tag("删除")%></a>';
            //row+=' | <a href="javascript:void(0);" onclick="addsonrow(\''+code+'\','+mi+');"><%=Tag("添加子菜单")%></a>';
            row+='<input type="hidden" class="input"  shop="true"  name="mi"  value="'+mi+'" />';
            row+='</td></tr>';
            $("#menustable"+code).append(row);
        }
        function addsonrow(code,i)
        {
            //mi++;
            var row='<tr><td>&nbsp;|-<input type="text" class="input"  shop="true"  name="'+i+'menu_sort'+code+'" style="width: 40px;" value="0" onkeyup="value=value.replace(/[^\\d]/g,\'\')" /></td>';
            row+='<td><input type="text" class="input"  shop="true"  name="'+i+'menu_name'+code+'" style="width: 100px;" value="" /></td>';
            row+='<td>';
            row+='';
            row+='</td>';
            row+='<td><input type="text" class="input"  shop="true"  name="'+i+'menu_url'+code+'" style="width: 200px;" value="" /></td>';
            row+='<td><a href="javascript:void(0);" onclick="$(this).parent().parent().remove();"><%=Tag("删除")%></a></td></tr>';
            $("#tr"+i).after(row);
        }
    </script>
</lbbody>
<lbbottom>
    <div class="bottom" id="body_bottom">
    </div>
</lbbottom>